<template>
	<div class="footer_common">
		<div v-if="true" class="content1">
			<div class="footer-links">
				<div class="container">
					<ul class="links clearfix">
						<li>
							<a>关于链行</a>
						</li>
						<li>
							<a>快速交易</a>
						</li>
						<li>
							<a>用户协议</a>
						</li>
						<li>
							<a>资产介绍</a>
						</li>
						<li>
							<a>费率说明</a>
						</li>
						<li>
							<a>API文档</a>
						</li>
						<li>
							<a>客户端</a>
						</li>
						<li>
							<a>帮助中心</a>
						</li>
						<li>
							<a>联系我们</a>
						</li>
					</ul>
					<div class="partner">
						<h3>合作伙伴</h3>
						<ul class="plinks clearfix">
							<li class=""></li>
							<li>
								<a></a>
							</li>
							<li>
								<a></a>
							</li>
							<li>
								<a></a>
							</li>
							<li>
								<a></a>
							</li>
							<li>
								<a></a>
							</li>
							<li>
								<a></a>
							</li>
							<li>
								<a></a>
							</li>
							<li>
								<a></a>
							</li>
						</ul>
						<ul class="plinks clearfix">
							<li class=""></li>
							<li>
								<a></a>
							</li>
							<li>
								<a></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<p class="p">币林网络科技（上海）有限公司旗下平台 © 2015 - 2017 lhang.com 沪ICP备16025000号</p>
		</div>
	</div>
</template>

<script>
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
	.footer_common {
		width:100%;
		.footer-links {
			background-color: #283138;
			padding: 100px 0 50px;
			.partner {
				text-align: center;
				.plinks {
					overflow: auto;
					margin-top: 10px;
					width: 1210px;
					position: relative;
					left: 50%;
					transform: translate(-50%, 0%);
					-webkit-transform: translate(-50%, 0%);
					-moz-transform: translate(-50%, 0%);
					-ms-transform: translate(-50%, 0%);
					-o-transform: translate(-50%, 0%);
					li {
						width: 100px;
						height: 40px;
						line-height: 40px;
						float: left;
						background-color: #D8D8D8;
						margin-left: 30px;
					}
				}
				h3 {
					color: #D0D0D0;
					font-size: 18px;
					padding: 50px 0;
					padding-bottom: 30px;
				}
			}
			.links {
				color: #fff;
				width: 900px;
				margin: 0 auto;
				li {
					height: 17px;
					float: left;
					text-align: center;
					width: 100px;
					&+ li {
						border-left: 1px solid #fff;
					}
				}
				h3 {
					font-size: 18px;
					line-height: 38px;
					margin-bottom: 34px;
				}
				a {
					display: inline-block;
					font-size: 12px;
					line-height: 16px;
					padding: 0 12px;
					vertical-align: top;
					width: 100px;
					font-size: 16px;
					color: #D0D0D0;
					cursor: pointer;
					&.disabled {
						pointer-events: none;
						opacity: .65;
					}
					&.dark-blue-1 {
						color: red;
					}
					&.dark-blue-2 {
						color: red;
					}
					&.grey-white-1 {
						color: red;
					}
					&.grey-white-2 {
						color: #9b9b9b;
					}
					&.grey-white-3 {
						color: #7a7a7a;
					}
					&.grey-white-4 {
						color: #676767;
					}
				}
			}
			.cs-wrapper {
				padding: 20px;
				h5 {
					span {
						color: red;
						font-size: 16px;
						display: inline-block;
						font-weight: bold;
						/*padding: 0 10px;*/
						position: relative;
						vertical-align: middle;
						/*&:before, &:after {
            border-color: $warning;
            border-style: solid;
            content: '';
            height: 11px;
            position: absolute;
            width: 11px;
          }
*/
						&:before {
							border-width: 1px 0 0 1px;
							left: 0;
							top: 0;
						}
						&:after {
							border-width: 0 1px 1px 0;
							bottom: 0;
							right: 0;
						}
					}
				}
				div {
					padding-top: 20px;
				}
				p {
					color: #7F858E;
					font-size: 14px;
					margin-top: 20px;
					&:first-child {
						color: #000;
					}
				}
			}
			.wn-wrapper {
				padding: 20px 30px 0 30px;
				;
				div {
					display: inline-block;
					margin-bottom: 20px;
					width: 32%;
					vertical-align: top;
					&:first-child {
						display: block;
					}
				}
				a {
					display: inline-block;
					margin-bottom: 10px;
					position: relative;
					&:before {
						background-color: red;
						content: '';
						height: 1px;
						left: -16px;
						margin-top: -1px;
						position: absolute;
						top: 50%;
						width: 8px;
					}
				}
				.l1 {
					color: #000;
					font-size: 18px;
				}
				.l2 {
					color: #9E9E9E;
					font-size: 12px;
					line-height: 20px;
					margin-left: 16px;
				}
			}
			.tiptext {
				margin: 10px 0;
				color: #5d5d5d;
			}
		}
		.p {
	    background: #283138;
	    font-size: 12px;
	    color: #9b9b9b;
	    padding: 0px 0px 40px 0px;
		}
	}
</style>